 header{
    height:70px;
 }
 .header-view{
    width:100%;
    background-color:rgba(255,255,255,.85);
    transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;
    padding: 5px 0 5px 0;
 }
 .header-content, .i-banner-content, .i-container-view, .i-clientes-view{
    width:1240px;
    margin:0 auto;
 }
 .header-logo-view{
    width:16%;
    padding:5px 0 5px 30px;
 }
 .header-logo-btn img{
    height:50px;
 }
 .header-serach-view{
    width:9%;
    justify-content:flex-end;
    align-items:center;
 }
 .header-serach-view a{
    padding:5px;
    font-size:20px;
    color:#bababa;
 }
 .header-info-view{
    width:75%;
    justify-content:center;
    align-items:center;
 }
 .header-info-view nav{
    width:100%;
 }
 .header-nav-ul{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-end;
    align-items:center;
 }
 .header-nav-li{
    margin-right:30px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    position:relative;
 }
 .header-nav-li.drapdown:hover .drapdown-ul{
    display:block;
 }
 .header-nav-li a{
    color:#354050;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size:16px;
    font-weight:600;
 }
 .sub-arrow{
     font-size: 16px;
     line-height: 1;
     padding: 10px 0 10px 10px;
     margin-top: -10px;
     margin-bottom: -10px;
     color:#648edd;
 }
 .sup-arrow{
     font-size: 16px;
     line-height: 1;
     padding: 10px 0 10px 10px;
     margin-top: -10px;
     margin-bottom: -10px;
 }
 .header-nav-li a.active{
    color:#648edd;
 }

 .drapdown-ul{
    display:none;
    position:absolute;
    background-color:#fff;
    font-family: "Montserrat",Sans-serif;
    font-weight: 500;
    top:auto;
    left:0;
    min-width: 10em;
    max-width: 1000px;
 }
 .drapdown-ul li a{
    font-size:14px;
    font-weight:100;
    display:block;
    line-height:30px;
    padding:5px 20px;
    color:#494c4f;
    white-space:nowrap;
 }
 .drapdown-ul li a:hover{
    background-color:#354050;
    color:#fff;
 }
 .drapdown-child{
    position:relative;
 }
 .drapdown-child:hover .drapdown-child-item{
    display:block;
 }
 .drapdown-child-item{
    display:none;
    position:absolute;
    background-color:#fff;
    font-family: "Montserrat",Sans-serif;
    font-weight: 500;
    top:0;
    left:100%;
    min-width: 10em;
    max-width: 1000px;
 }
 .drapdown-child:hover .drapdown-child-name{
    background-color:#354050;
    color:#fff;
 }

 .i-banner-view{
    background:url(../images/index/bg-title-home.jpg.webp) no-repeat top center;
 }
 .i-banner-container{
    min-height:980px;
 }
 .i-banner-content{
    padding:120px 10px 300px 10px;
 }
 .i-banner-title, .i-banner-desc, .i-banner-btn{
    width:410px;
 }
 .i-banner-title h1{
    font-size:2rem!important;
    color:#fff;
    line-height:40px;
    font-family: "Montserrat",Sans-serif;
    font-weight: 700;
    margin-bottom:30px;
 }
 .i-banner-desc p{
    font-size:18px;
    color:#fff;
    line-height:28px;
 }
 .i-banner-btn{
    margin-top:45px;
 }
 .i-banner-btn a, .i-button{
     background-color: #0E3073!important;
     border-radius: 15px!important;
     color: #fff!important;
     padding: 15px 30px!important;
     font-size: 1rem!important;
     font-weight: bold!important;
     line-height: normal!important;
 }

 .i-content-row{
    padding:0 80px;
    position:relative;
 }
 .i-light-title{
     font-family: "Montserrat",Sans-serif;
     font-weight: 700;
     color: #1358f4;
     font-size:28px;
     line-height:36px;
     padding-bottom:60px;
 }
 .i-light-title:after{
     content: '';
     display: block;
     height: 4px;
     width: 60px;
     background: #17CE80!important;
     position: relative;
     left: -80px;
     top: -20px;
 }

 .i-service-item{
    max-width:50%;
    flex:0 0 50%;
    -ms-flex: 0 0 50%;
    padding:10px;
    margin-bottom:30px;
 }
 .i-service-view, .i-insights-view{
    width:calc(100% + 20px);
    margin:0 -10px;
 }
 .i-service-img-view{
    padding-right:20px;
 }
 .i-service-img{
    vertical-align: middle;
    display: inline-block;
    height: auto;
    max-width: 100%;
    border: none;
 }

 .i-service-img-container{
    width:33.3333%;
 }
 .i-service-info-container{
    width:66.66666%;
    padding-bottom:70px;
 }
 .i-service-info-title{
    color:#0e3073;
    font-size:20px;
    margin-bottom:20px;
 }
 .i-service-info-title a{
    color:inherit;
 }
 .i-service-info-content-view{
    padding-bottom:30px;
 }
 .i-service-info-content-view p{
    color: #354050;
    font-family: "Montserrat",Sans-serif;
    font-weight: 400;
    font-size:15px;
 }
 .i-service-info-linking{
     align-self: flex-start;
     font-family: "Montserrat",Sans-serif;
     font-weight: 700;
     color: #1358f4;
     font-size:15px;
 }
 .i-service-info-linking i{
    margin-right:10px;
 }

 .i-insights-view{
    padding-bottom:90px;
 }
 .i-insights-item{
    max-width:33.3333%;
    flex:0 0 33.3333%;
    -ms-flex: 0 0 33.3333%;
    padding:10px;
 }
 .i-insights-img-view{
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,.2);
 }
 .i-insights-img-view img{
    max-width:100%;
    height:auto;
 }
 .i-insights-img-view img:hover, .i-insights-info-view .desc a:hover{
    opacity:0.6;
 }
 .i-insights-info-view{
     box-shadow: 2px 2px 2px 0 rgba(0,0,0,.2);
     transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;
     margin-top: 0;
     margin-bottom: 30px;
     padding: 15px 20px 15px 20px;
     background-color:#fff;
     border-radius:0 0 2px 2px;
 }
 .i-insights-info-content{
    padding:10px;
 }
 .i-insights-info-view .tags{
    color: #648edd;
    font-size: 15px;
    font-weight: 400;
    text-transform: lowercase;
    line-height:22px;
 }
 .i-insights-info-view .tags span{
    display:inline-block;
    padding-right:10px;
 }
 .i-insights-info-view .desc{
     font-size: 18px;
     line-height: 23px;
     font-family: "Montserrat",Sans-serif;
     font-weight: 700;
 }
 .i-insights-info-view .desc a{
    color:#0e3073;
 }
 .i-insights-btn{
    text-align:center;
 }

 .i-partners-view{
    padding-bottom:10px;
 }
 .i-partners-head-content{
    flex:0 0 33.3333%;
 }
 .i-partners-head-img-view{
    margin-bottom:10px;
    padding-bottom:30px;
 }
 .i-partners-head-img-view img{
    width:100%;
    height:auto;
 }
 .i-partners-head-info-view{
    flex:0 0 66.6666%;
    width:66.6666%;
    margin-left:32px;
 }
 .i-partners-img-view{
    padding:15px 0 0 0;
 }
 .i-partners-img-view a{
    display: flex;
    align-items: flex-end;
    height: 52px;
    margin-top:25px;
    margin-bottom:15px;
 }
 .i-partners-img-view img{
     width: auto !important;
     max-height: 55px !important;
 }
 .i-miro-img-view img{
    height:40px;
 }
 .i-atlassian-img-view img{
    height:25px;
 }
 .i-device42-img-view img{
    height:24px;
 }
 .i-relic-img-view img{
    height:33px;
 }
 .i-docker-img-view img{
    height:44px;
 }
 .i-sparx-img-view img{
    height:31px;
 }
 .i-sornarsource-img-view img{
    height:40px;
 }
 .i-jfrog-img-view img{
    height:40px;
 }
 .i-miro-desc{
     color: rgb(53, 64, 80);
     font-family: Montserrat, sans-serif;
     font-weight: 400;
     font-size:16px;
     line-height:26px;
 }
 .i-partners-more{
     color: rgb(53, 64, 80);
     font-family: Montserrat, sans-serif;
     font-weight: 400;
 }
 .i-partners-more a{
     display: block;
     margin-top: 25px;
     color: rgb(14, 48, 115) !important;
     font-size: 15px !important;
     font-weight: 600 !important;
 }
 .i-pratners-content, .i-clientes-ul{
    width:calc(100% + 32px);
    margin:0 -16px;
 }
 .i-pratners-content li{
    flex:0 0 33.3333%;
    padding:0 16px;
 }

 .i-clientes-banner-view{
    background:#eee url(../images/index/bg-gray.jpg-1.webp) no-repeat top center;
    transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;
    width:100%;
    position: relative;
 }
 .i-clientes-view{
    padding-top:300px;
    padding-bottom:100px;
 }
 .i-clientes-ul li{
    flex:0 0 33.3333%;
    padding:0 16px;
    position:relative;
    padding-bottom:20px;
    margin-bottom:45px;
 }
 .i-clientes-item .name{
     color: #0E3073!important;
     margin-bottom: 15px!important;
     font-size: 18px!important;
     font-weight: 700!important;
     font-siez:16px;
 }
 .i-clientes-item .desc{
     font-size: 15px!important;
     font-weight: 500!important;
     line-height:24px;
     box-sizing: border-box;
     font-family: "Montserrat",Sans-serif;
 }
 .i-clientes-item-bd{
    position:absolute;
    width:calc(100% - 32px);
    bottom:0;
    border-bottom: 1px solid #0057F8;
 }

 .footer-banner-view{
    background-color: #0e3073;
    transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;
    padding: 30px 0 30px 0;
 }
 .footer-banner-content, .footer-end-content{
    width:1240px;
    margin:0 auto;
 }
 .footer-banner-content{
    padding:10px 0;
 }
 .footer-banner-item{
    flex:0 0 15%;
    padding:0 15px;
 }
 .call-us-view{
    flex:0 0 25% !important;
 }
 .footer-banner-item .name{
    color:#fff;
    font-weight: 600;
    font-size:15px;
 }
 .footer-banner-nav{
    padding-left:15px;
 }
 .footer-banner-nav p{
    padding:2px 0;
 }
 .footer-banner-nav a{
    color:#fff;
    font-weight: 400!important;
    font-size:15px;
 }
 .footer-end-content{
    justify-content:center;
    align-items:center;
 }
 .footer-end-view{
    padding: 25px 15px 50px 15px;
 }
 .footer-logo-view{
    padding:0 80px;
    flex:3;
 }
 .footer-logo-view img{
    height:50px;
 }
 .footer-end-info{
    flex:5;
    color: #0e3073;
    font-size: 14px;
    font-weight: 700;
 }
 .footer-end-call-us{
    display:flex;
    flex:3;
    justify-content:flex-end;
    padding-right:80px;
 }
 .footer-end-call-us a{
    color:#0e3073;
    font-size:18px;
 }
 .footer-end-call-us i{
    margin-right:10px;
 }